﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register_Page2.aspx.cs" Inherits="TCDC_System.Register.Register_Page2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>TCDC Regester</title>
    <link href="../Attribute/stylesheet/register-styles.css" rel="stylesheet" type="text/css" />
    <link href="../Attribute/jquery/css/smoothness/jquery-ui-1.8.20.custom.css" rel="stylesheet"
        type="text/css" />
    <script src="../Attribute/jquery/js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../Attribute/jquery/js/jquery-ui-1.8.10.offset.datepicker.min.js" type="text/javascript"></script>
    <script src="../Attribute/jquery/jquery.validate.js" type="text/javascript"></script>
    <script type="text/javascript">
			var $i = jQuery.noConflict();//set for $ is $j of JQUERY
		   $i(function () {
		    var d = new Date();
		    var toDay = d.getDate() + '/' + (d.getMonth() + 1) + '/' + (d.getFullYear() + 543);
		    $i("#birthday").datepicker({ changeMonth: true, changeYear: true, yearRange: '-50:-5',dateFormat: 'dd/mm/yy', isBuddhist: true,
		      buttonImage: 'images/calendar.gif', 
			  defaultDate: toDay, 
			  dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
              dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
              monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
              monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
			  });
			});		
    </script>
    <script src="../Attribute/jquery/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict(); //set for $ is $j of JQUERY
        $j(document).ready(function () {
            $j('#slider1').s3Slider({
                timeOut: 4000
            });
        });
    </script>
</head>
<body>
    <div id="wrap">
        <div id="logo">
        </div>
        <div id="header">
            <div id="slider1">
                <ul id="slider1Content">
                    <li class="slider1Image"><a href="">
                        <img src="../Attribute/images/register/h1.jpg" alt="1" border="0" /></a> <span class="left"><strong>TCDC</strong><br />
                            (Thailand Creative & Design Center)</span></li>
                    <li class="slider1Image"><a href="">
                        <img src="../Attribute/images/register/h2.jpg" alt="2" border="0" /></a> <span class="left"><strong>TCDC</strong><br />
                            (Thailand Creative & Design Center)</span></li>
                    <li class="slider1Image"><a href="">
                        <img src="../Attribute/images/register/h3.jpg" alt="3" border="0" /></a> <span class="left"><strong>TCDC</strong><br />
                            (Thailand Creative & Design Center)</span></li>
                    <div class="clear slider1Image">
                    </div>
                </ul>
            </div>
        </div>
        <ul id="tabs">
            <li><a href="#" name="#tab1">1. เลือก Campaign</a></li>
            <li><a id="current" href="#" name="#tab2">2. ข้อมูลเบื้องต้น</a></li>
            <li><a href="#" name="#tab3">3. ข้อมูลจำเพาะ</a></li>
            <li><a href="#" name="#tab4">4. ข้อมูลเกี่ยวกับการทำงาน</a></li>
        </ul>
        <form id="register" runat="server">
        <div id="content">
            <div id="tab1">
            </div>
            <div id="tab2">
                <%--	<form id=register runat="server">--%>
                <fieldset>
                    <legend>Data Profile</legend>
                    <ol>
                        <li>
                            <label for="name">
                                Name in English / ชื่อ-นามสกุลภาษาอังกฤษ*</label>
                            <asp:TextBox ID="first_name_en" runat="server" placeholder="First name"></asp:TextBox>
                            <asp:TextBox ID="last_name_en" runat="server" placeholder="Last name"></asp:TextBox>
                        </li>
                        <li>
                            <label for="name">
                                Name in Thai / ชื่อ-นามสกุลภาษาไทย*</label>
                            <asp:TextBox ID="first_name_th" runat="server" placeholder="ชื่อ"></asp:TextBox>
                            <asp:TextBox ID="last_name_th" runat="server" placeholder="นามสกุล"></asp:TextBox>
                        </li>
                        <li>
                            <label for="idcard">
                                ID Card/เลขบัตรประชาชน</label>
                            <asp:TextBox ID="idcard" runat="server"></asp:TextBox>
                        </li>
                        <li>
                            <label for="birthday">
                                Date of Birth/วันเกิด</label>
                            <asp:TextBox ID="birthday" runat="server"></asp:TextBox>
                        </li>
                        <li>
                            <fieldset for="nobor">
                                <legend for="radiobutton">Sex/เพศ</legend>
                                <div style="padding-left: 280px;">
                                    <ol>
                                        <li>
                                            <asp:RadioButton ID="RadioButton1" runat="server" />
                                            <label for="occupation">
                                                ชาย</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton2" runat="server" />
                                            <label for="occupation">
                                                หญิง</label>
                                        </li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                        <li>
                            <label for="address">
                                Address/ที่อยู่</label>
                            <asp:TextBox ID="address" runat="server" TextMode="MultiLine" Rows="5"></asp:TextBox>
                        </li>
                        <li>
                            <label for="Province">
                                Province/จังหวัด</label>
                            <asp:DropDownList ID="dlProvince" runat="server">
                            </asp:DropDownList>
                        </li>
                        <li>
                            <label for="country">
                                Country/ประเทศ</label>
                            <asp:DropDownList ID="dlCountry" runat="server">
                            </asp:DropDownList>
                        </li>
                        <li>
                            <label for="postcode">
                                Post code/รหัสไปรษณีย์</label>
                            <asp:TextBox ID="postcode" runat="server" MaxLength="5"></asp:TextBox>
                        </li>
                        <li>
                            <fieldset for="nobor">
                                <legend for="radiobutton">Education Level/ระดับการศึกษา</legend>
                                <div style="padding-left: 280px;">
                                    <ol>
                                        <li>
                                            <asp:RadioButton ID="RadioButton3" runat="server" />
                                            <label for="occupation">
                                                ประถมศึกษา</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton4" runat="server" />
                                            <label for="occupation">
                                                มัธยมศึกษาตอนต้น</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton5" runat="server" />
                                            <label for="occupation">
                                                มัธยมศึกษาตอนปลาย</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton6" runat="server" />
                                            <label for="occupation">
                                                ปวช/ปวส/อนุปริญญา</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton7" runat="server" />
                                            <label for="occupation">
                                                ปริญญาตรี</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton8" runat="server" />
                                            <label for="occupation">
                                                ปริญญาโท</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton9" runat="server" />
                                            <label for="occupation">
                                                ปริญญาเอก</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton10" runat="server" />
                                            <label for="occupation2">
                                                อื่นๆ โปรดระบุ</label>
                                            <div style="padding-left: 27px;">
                                                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></div>
                                        </li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                        <li>
                            <fieldset for="nobor">
                                <legend for="radiobutton">Occupation/อาชีพ</legend>
                                <div style="padding-left: 280px;">
                                    <ol>
                                        <li>
                                            <asp:RadioButton ID="RadioButton11" runat="server" /><label for="occupation2">นักเรียน
                                                นักศึกษา โปรดระบุสถาบัน</label>
                                            <div style="padding-left: 27px;">
                                                <input id="name" name="name" type="text"></div>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton12" runat="server" /><label for="occupation">ครูอาจารย์</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton13" runat="server" /><label for="occupation">พนักงานบริษัท</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton14" runat="server" /><label for="occupation">เจ้าของกิจการ</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton15" runat="server" /><label for="occupation">อาชีพอิสระ</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton16" runat="server" /><label for="occupation">หน่วยงานรัฐ</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton17" runat="server" />
                                            <label for="occupation2">
                                                อื่นๆ โปรดระบุ</label>
                                            <div style="padding-left: 27px;">
                                                <asp:TextBox ID="TextBox2" runat="server" MaxLength="5"></asp:TextBox></div>
                                        </li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                    </ol>
                </fieldset>
                </ol> </fieldset>
                <div align="center">
                    <fieldset for="nobor">
                        <%--<button type="submit">
                            Back</button>
                        <button type="submit">
                            Next</button>--%>
                        <asp:Button ID="btnBack" runat="server" Text="Back" onclick="btnBack_Click" />
                        <asp:Button ID="btnNext" runat="server" Text="Next" />
                    </fieldset>
                </div>
                <%--</form>--%>
            </div>
            <div id="tab3">
                <%--     <form id=register runat="server">--%>
                <fieldset for="tab2">
                    <!--<legend>ข้อมูลจำเพาะ</legend>-->
                    <ol>
                        <li>
                            <fieldset>
                                <legend for="radio">สาขา/อุตสาหกรรมที่เกียวข้องกับท่าน(ตอบได้มากกว่า 1 ข้อ)</legend>
                                <div style="padding-left: 10px;">
                                    <ol>
                                        <li>
                                            <asp:CheckBox ID="CheckBox1" runat="server" /><label for="lbl1">งานออกแบบ Design (ผลิต
                                                ขาย design object ของตกแต่งภายใน เฟอร์นิเจอร์ ออกแบบ Graphic packaging ของเล่น การออกแบบต่างๆ
                                                ที่ไม่ใช่เครื่องแต่งกาย fashion)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox2" runat="server" /><label for="lbl1">แฟชั่น fashion</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox3" runat="server" /><label for="lbl1">โฆษณา Advertising (เช่น
                                                งานบริการออกแบบโฆษณา สื่อสิ่งพิมพ์ สื่อบันทึก recoding ทั้งหลาย)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox4" runat="server" /><label for="lbl1">สถาปัตยกรรม และงานที่เกียวข้อง
                                                Architecture</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox5" runat="server" /><label for="lbl1">ซอฟแวร์ แอนิเมชั่น วิดีโอเกม</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox6" runat="server" /><label for="lbl1">ภาพยนตร์ Film(บริการ
                                                หรือ ผลิต จำหน่าย ที่ไม่ใช่การค้าปลีก)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox7" runat="server" /><label for="lbl1">ดนตรี Music (เช่น การบันทึกเสียง
                                                เครื่องดนตรี)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox8" runat="server" /><label for="lbl1">การกระจายเสียง โทรทัศน์
                                                วิทยุ Broadcasting Television & Radio(เช่น การผลิดรายการต่างๆทุกประเภท)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox9" runat="server" /><label for="lbl1">การพิมพ์ สื่อการพิมพ์
                                                และวรรณกรรม Literature+Publishing (เช่น การพิมพ์หนังสือ การทำสำเนาสิ่งพิมพ์ สื่อใบปลิว
                                                แผ่นพับ สื่อสิงพิมพ์ บริการการพิมพ์)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox10" runat="server" /><label for="lbl1">พิพิธภัณฑ์ ห้องแสดงงาน
                                                ห้องสมุด Museums and Libarries</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox11" runat="server" /><label for="lbl1">ศิลปะการแสดง Performing
                                                art(concert,ละครเวที,มหรสพ)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox12" runat="server" /><label for="lbl1">ท้ศนศิลป์ การถ่ายภาพ
                                                Visual art(งานจิตรกรรม ภาพพิมพ์ ประติมากรรม ภาพถ่าย)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox13" runat="server" /><label for="lbl1">บริการท่องเที่ยว โรงแรม
                                                สายการบิน</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox14" runat="server" /><label for="lbl1">หัตถกรรม และงานฝีมือ
                                                Craft(เช่น งานจักรสาน งานถักทอ ไม้ประดิษฐ์ เครื่องประดับ เพชร พลอย)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox15" runat="server" /><label for="lbl1">อาหาร</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox16" runat="server" /><label for="lbl1">สิ่งทอ</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox17" runat="server" /><label for="lbl1">อสังหาริมทรัพย์</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox18" runat="server" /><label for="lbl1">จัดจำหน่าย ค้าปลีก
                                                ค้าส่ง</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox19" runat="server" /><label for="lbl1">บริการทางการเงิน</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox20" runat="server" /><label for="lbl1">โทรคมนาคม</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox21" runat="server" /><label for="lbl1">อื่นๆโปรดระบุ</label></li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                        <li>
                            <fieldset>
                                <legend for="radio">ท่านมีอาขีพที่เกียวข้องกับการออกแบบ หรือ เป็นนักออกแบบ หรือไม่</legend>
                                <div style="padding-left: 10px;">
                                    <ol>
                                        <li>
                                            <asp:RadioButton ID="RadioButton21" runat="server" />
                                            <label for="lvl">
                                                ใช่
                                            </label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton22" runat="server" />
                                            <label for="lvl">
                                                ไม่ใช่</label>
                                        </li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                    </ol>
                </fieldset>
                <div align="center">
                    <fieldset for="nobor">
                        <button type="submit">
                            Back</button>
                        <button type="submit">
                            Next</button>
                    </fieldset>
                </div>
                <%--</form>--%>
            </div>
            <div id="tab4">
                <%--    <form id=register>--%>
                <fieldset for="nobor">
                    <!--<legend>ข้อมูลเกี่ยวกับการทำงาน</legend>-->
                    <ol>
                        <li>
                            <fieldset>
                                <legend for="radio">โปรดระบุสาขาการออกแบบที่เกียวข้องกับท่าน(ตอบได้มากกว่า 1 ข้อ)</legend>
                                <div style="padding-left: 10px;">
                                    <ol>
                                        <li>
                                            <asp:CheckBox ID="CheckBox22" runat="server" /><label for="lbl1">งานสถาปัตยกรรม</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox23" runat="server" /><label for="lbl1">ออกแบบตกแต่งภายใน</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox24" runat="server" /><label for="lbl1">ภูมิสถาปัตย์(Landscape
                                                Design)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox25" runat="server" /><label for="lbl1">ออกแบบวิศวกรรม(Engineering
                                                Design)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox26" runat="server" /><label for="lbl1">ออกแบบศิลปอุตสาหกรรม/ออกแบบผลิตภัณฑ์</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox27" runat="server" /><label for="lbl1">แม่แบบ และแบบหล่อ(Die/
                                                Mould design)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox28" runat="server" /><label for="lbl1">ออกแแบบเครื่องเรือน
                                                และเฟอร์นิเจอร์</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox29" runat="server" /><label for="lbl1">ออกแบบบรรจุภัณฑ์</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox30" runat="server" /><label for="lbl1">กราฟฟิค งานโฆษณา และงานครีเอทีฟ</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox31" runat="server" /><label for="lbl1">มัลติมีเดีย</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox32" runat="server" /><label for="lbl1">แฟชั่น สิ่งทอ อัญมณี
                                                และเครื่องประดับ</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox33" runat="server" /><label for="lbl1">ออกแบบงานแสดงนิทรรศการ
                                                และพิพิธภัณฑ์</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox34" runat="server" /><label for="lbl1">ที่ปรึกษา ด้านการออกแแบบ(Design
                                                consult & research)</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox35" runat="server" /><label for="lbl1">อื่นๆโปรดระบุ</label></li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                        <li>
                            <fieldset>
                                <legend for="radio">ประสบการณ์ในวิชาชีพของท่านที่เกียวข้อง</legend>
                                <div style="padding-left: 10px;">
                                    <ol>
                                        <li>
                                            <asp:RadioButton ID="RadioButton23" runat="server" /><label for="lvl">น้อยกว่า 1 ปี</label></li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton24" runat="server" /><label for="lvl">1-2 ปี</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton25" runat="server" /><label for="lvl">3-5 ปี</label></li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton26" runat="server" /><label for="lvl">6-10 ปี</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton27" runat="server" /><label for="lvl">11-15 ปี</label></li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton28" runat="server" /><label for="lvl">16-20 ปี</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton29" runat="server" /><label for="lvl">20 ปีขึ้นไป</label></li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                        <li>
                            <fieldset>
                                <legend for="radio">ระดับการทำงานของท่าน</legend>
                                <div style="padding-left: 10px;">
                                    <ol>
                                        <li>
                                            <asp:RadioButton ID="RadioButton30" runat="server" /><label for="lvl">ระดับผู้บริการสูงสุด(Executive
                                                level)</label></li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton31" runat="server" /><label for="lvl">ระดับผู้บริหาร(Managerial
                                                level)</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton32" runat="server" /><label for="lvl">ระดับหัวหน้างาน(Expert
                                                level)</label></li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton33" runat="server" /><label for="lvl">ระดับทักษะพิเศษ(Highly
                                                skilled level)</label>
                                        </li>
                                        <li>
                                            <asp:RadioButton ID="RadioButton34" runat="server" /><label for="lvl">ระดับปฏิบัติการ(Operational
                                                level)</label></li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                        <li>
                            <fieldset>
                                <legend for="radio">หน้าที่ภายในองค์กรของท่านที่เกียวข้อง(ตอบได้มากกว่า 1 ข้อ)</legend>
                                <div style="padding-left: 10px;">
                                    <ol>
                                        <li>
                                            <asp:CheckBox ID="CheckBox36" runat="server" /><label for="lbl1">บริหารองค์กร</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox37" runat="server" /><label for="lbl1">การจัดการความรู้</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox38" runat="server" /><label for="lbl1">นักออกแบบ ครีเอทีฟ</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox39" runat="server" /><label for="lbl1">พัฒนาผลิตภัณฑ์ R&D
                                            </label>
                                        </li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox40" runat="server" /><label for="lbl1">การจัดการวัตถุดิบ เทคโนโลยีการผลิต</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox41" runat="server" /><label for="lbl1">สื่อสารการตลาด ประชาสัมพันธ์</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox42" runat="server" /><label for="lbl1">การขาย</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox43" runat="server" /><label for="lbl1">การเงิน</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox44" runat="server" /><label for="lbl1">บริหารบุคคล</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox45" runat="server" /><label for="lbl1">เทคโนโลยีสารสนเทศ</label></li>
                                        <li>
                                            <asp:CheckBox ID="CheckBox46" runat="server" /><label for="lbl1">อื่นๆโปรดระบุ</label></li>
                                    </ol>
                                </div>
                            </fieldset>
                        </li>
                    </ol>
                </fieldset>
                <div align="center">
                    <fieldset for="nobor">
                        <button type="submit">
                            Back</button>
                        <button type="submit">
                            Save Change</button>
                    </fieldset>
                </div>
        </form>
    </div>
    </div>
    <p id="footer">
        ©2013 Thailand Creative & Design Center. All rights reserved.</p>
    <script src="../Attribute/jquery/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script>
        function resetTabs() {
            $("#content > div").hide(); //Hide all content
            $("#tabs a").attr("id", ""); //Reset id's      
        }

        var myUrl = window.location.href; //get URL
        var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // For localhost/tabs.html#tab2, myUrlTab = #tab2     
        var myUrlTabName = myUrlTab.substring(0, 4); // For the above example, myUrlTabName = #tab

        (function () {
            $("#content > div").hide(); // Initially hide all content
            //$("#tabs li:first a").attr("id", "current"); // Activate first tab
            //$("#t2").attr("id", "current"); // Activate first tab
            //$("#content > div:first").fadeIn(); // Show first tab content
            $("#tab2").fadeIn(); // Show first tab content


            $("#tabs a").on("click", function (e) {
                e.preventDefault();
                if ($(this).attr("id") == "current") { //detection for current tab
                    return
                }
                else {
                    resetTabs();
                    $(this).attr("id", "current"); // Activate this
                    $($(this).attr('name')).fadeIn(); // Show content for current tab
                }
            });

            for (i = 1; i <= $("#tabs li").length; i++) {
                if (myUrlTab == myUrlTabName + i) {
                    resetTabs();
                    $("a[name='" + myUrlTab + "']").attr("id", "current"); // Activate url tab
                    $(myUrlTab).fadeIn(); // Show url tab content        
                }
            }
        })()
    </script>
    </div>
</body>
</html>
